<style>
	.queryBox{
		border:4px solid #eeeeee;
	}
	.queryBox_main{
		margin:20px;
		position: relative;
	}
	
	.queryBox_main>p>span{
		display: inline-block;
		width:190px;
		text-align: right;		
	}
	.queryBox_main>p>span:nth-of-type(4){
		text-align: left;
		padding-left:18px;
	}
	.queryBox_main>p>span:nth-of-type(3){
		padding-left:5px;
	}
	.queryBox_main>p:nth-of-type(2){
		margin-top:10px;
	}
	.queryBox_main>p>span:nth-of-type(2){
		width:250px;
	}
	
	.queryBox_main>p>span:nth-of-type(2)>input{
		width:175px;
	}
	.btnBox{
		width:100px;
		height:60px;
		float:right;
		position: absolute;
		right:0;
		top:0;
	}
	button[class=query]{
		margin-top:12px;
	}
	.orderDetail{
		border:1px solid #e9e9e9;
		margin-top:20px;
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
	}
	.orderDetail>p{
		height:30px;
		line-height:30px;
	}
	.orderDetail>.orderDetail_p>span:first-child,.orderDetail>.orderDetail_p>span:nth-of-type(2){
		display:inline-block;
		width:230px;
	}
	.orderDetail>.orderDetail_p>.orderDetail_status{
		float:right;
	}
	.order_No{
		font-size:20px;
		font-weight:bold;
	}
	.order_status{
		font-size:18px;
		color:red;
	}
	.f009ee7{
		color:#009ee7;
	}
	.flightInfo{
		border:1px solid #e9e9e9;
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
	}
	.flightInfo_p{
		margin-bottom:20px;
	}
	.flightInfo>.flightInfo_p>span:first-child{
		display:inline-block;
		width:265px;
		font-size:16px;
		font-weight:bold;
		vertical-align:top;
	}
	.flightInfo>.flightInfo_p>span:nth-of-type(2){
		display:inline-block;
		width:190px;
		height:20px;
		line-height:20px;
	}
	.flightInfo>.flightInfo_p>span:nth-of-type(3){
		display:inline-block;
		width:420px;
		height:20px;
		line-height:20px;
	}
	.flightInfo>.flightInfo_p>span:nth-of-type(4){
		display:inline-block;
		width:80px;
		height:20px;
		line-height:20px;
	}
	.flightInfo>.flightInfo_p:last-child{
		margin-bottom:0px;
	}
	.offerDetail{
		border:1px solid #e9e9e9;
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
	}
	.orderDetail_main{
		margin:1px;	
			
	}
	.orderDetail_main .pnr_btn{
		 display:inline-block;
		 color:white;
		 background-color:#70ca87;
		 padding:3px;
		 border-radius:1.5px;
		 margin-left:3px;
		 
	}
	 .pnr_td{
	 	text-align:left!important;
	 }
	.orderDetail_main>table{
		width:100%;
	}
	.orderDetail_main>table th{
		background: #f8f8f8;
		height:53px;
		border-top: 1px solid #e4e4e4;
	}
	.orderDetail_main>table td{
		height:66px;
	}
	.receiveMon{
		font-size:16px;
		color:#ff7235;
	}
	.fontWeigt{
		font-weight:bold;
	}
	.policy{
		width:95%;
		margin-left:35px;
		background:#f3f8fd;
		border:1px solid #dce8f4;
		height:22px;
		line-height:22px;
		padding-left:10px;
		margin-bottom:15px;
	}
	.Regulations{
		background: #f8f8f8;
		width:100%;
	}
	.Regulations>div:first-child{
		font-size:14px;
		margin-bottom:20px;
	}
	.Regulations p{
		margin-left:20px;
		margin-right:20px;
		height:20px;
		line-height:20px;
	}
	.Regulations p b:first-child{
		display:inline-block;
		vertical-align:top;
		width:15%;
		
	}
	.Regulations p span:last-child{
		display:inline-block;
		vertical-align:top;
		width:85%;
		
	}
	.Regulations p:nth-of-type(2){
		height:40px;
	}
	.distribution{
		border-top: 1px solid #e4e4e4;
		padding-top:18px;
		padding-left:30px;
	}
</style>
<div class="main">
	<div class="orderDetail">
		<p><span class="order_No">订单号:&nbsp;{{orderID}}</span></p>
		<p class="orderDetail_p"><span>下单时间:&nbsp;-</span>
			<span>支付方式:&nbsp;{{payInfo.payType|payType}}</span>
			<span>备注:&nbsp;{{orderRemark}}</span>
		</p>
		<p class="orderDetail_p"><span>关联成人订单:&nbsp;-</span>
			<span>关联成人票号:&nbsp;-</span>
			<span class="orderDetail_status">状态:&nbsp;<label class="order_status">{{orderStatus|orderStatus}}</label></span>
		</p>
	</div>
	<p class='title'>航班信息</p>
	<div class="flightInfo" >
		<p class="flightInfo_p" ng-repeat="flightScheduleList in flightSegment">
			<span><label>{{flightScheduleList.fromAirport}}</label>———<label>{{flightScheduleList.toAirport}}</label></span>
			<span><label>-</label><br/><label>{{flightScheduleList.flightNo}}</label></span>
			<span>起飞:&nbsp;<label>{{flightScheduleList.fromDate|date:"yyyy-mm-dd hh:mm"}}</label>
					<label>-</label><label>({{flightScheduleList.fromAirport}})</label><label>{{flightScheduleList.fromTower}}</label><br/>
					到达:&nbsp;<label>{{flightScheduleList.toDate|date:"yyyy-mm-dd hh:mm"}}</label>
					<label>-</label><label>({{flightScheduleList.toAirport}})</label><label>{{flightScheduleList.toAirTower}}</label>
			</span>
			<span>
				舱位:&nbsp; <label>{{flightScheduleList.cabinCode}}</label><br/>
				机型:&nbsp; <label>{{flightScheduleList.planeModel}}</label><br/>
			</span>
		</p>
	<!-- 
		<p class="flightInfo_p">
		<span><label>上海</label>———<label>成都</label></span>
		<span><label>东方航空</label><br/><label>MU5417</label></span>
		<span>起飞:&nbsp;<label>2017-02-14</label>&nbsp;<label>09:35</label>
				<label>浦东国际机场</label><label>(PGV)</label><label>T1</label><br/>
				到达:&nbsp;<label>2017-02-14</label>&nbsp;<label>09:35</label>
				<label>北京国际机场</label><label>(PEK)</label><label>T2</label>
		</span>
		<span>
			舱位:&nbsp; <label>特殊T</label><br/>
			机型:&nbsp; <label>320</label><br/>
		</span>
		</p>   -->	
	</div>
	<p class='title'>报价信息</p>
	<div class="offerDetail">
		<div class="orderDetail_main">
			<table>
				<tr>
					<th>PNR</th>
					<th>大编码</th>
					<th>人数</th>
					<th>应收票款</th>
					<th>票款</th>
					<th>税款</th>
					<th>代理费</th>
					<th>奖励扣率</th>
					<th>奖励金额</th>
					<th>服务费</th>
					<th>出票时间</th>
					<th>废票时间</th>
				</tr>
				<tr ng-repeat="passengersList in passengers">
					<td class="pnr_td"><span class="pnr_btn">{{passengersList.passengerType|passengerType}}</span><label style="margin-left:50px;">{{passengersList.originalPnr}}</label></td>
					<td>-</td>
					<td>{{passengers.length}}</td>
					<td class="receiveMon">{{passengersList.settlePrice}}</td>
					<td>{{passengersList.facePrice}}</td>
					<td>{{orderDetail.orderTaxPrice}}</td>
					<td>{{passengersList.returnPoint}}%</td>
					<td class="fontWeigt">0.00</td>
					<td class="fontWeigt">{{passengersList.returnCash}}</td>
					<td>{{orderDetail.billingFee}}</td>
					<td>-</td>
					<td>-</td>
				</tr>
			</table>
		</div>
		<div class="policy"><b>政策备注：</b>凡改期、改签、跨月签转或者升舱，如产生代理费差异，需全部收回</div>
		<div class="Regulations">
			<div><b>退改签规定</b>(退改签规定仅供参考,具体以航司为准！)</div>
			<p><b>【更改条件】</b><span>航班规定离站时间两小时之前收取票面价30%变更费，离站时间2小时以内至航班起飞后收取票面价50%变更费。(T舱低开特殊运价不得更改)</span></p>
			<p><b>【退票条件】</b><span>航班规定离站时间两小时之前收取票面价50%退票费，离站时间2小时以内至航班起飞不允许退票。(T舱低开特殊运价不得退票)(注明"不得退票"字样的均不得退票)</span></p>
			<p><b>【废票条件】</b><span>自2015年6月18日(销售日期)起,所有客票出票后均不能作废，该规定长期有效 。</span></p>
			<p><b>【签转条件】</b><span>不允许自愿签转。</span></p>
			<p style="color:red;"><b>【补充规则】</b></p>
			<p><b>【更改条件】</b><span>航班规定离站时间两小时之前收取票面价20%变更费，离站时间2小时以内至航班起飞后收取票面价30%变更费。实际KN承运按KN的规定执行</span></p>
			<p><b>【退票条件】</b><span>航班规定离站时间两小时之前收取票面价30%退票费，离站时间2小时以内至航班起飞后收取票面价50%退票费。实际KN承运按KN的规定执行</span></p>
			<p><b>【废票条件】</b><span>自2015年6月18日(销售日期)起,所有客票出票后均不能作废，该规定长期有效 。</span></p>
			<p><b>【签转条件】</b><span>不允许自愿签转。</span></p>
			<p style="color:red;"><b>【补充规则】</b></p>
		</div>
	</div>
	<p class='title'>旅客信息</p>
	<div class="offerDetail">
		<div class="orderDetail_main">
			<table>
				<tr>
					<th>姓名</th>
					<th>证件类型</th>
					<th>证件号码</th>
					<th>性别</th>
					<th>生日</th>
					<th>电话</th>
				</tr>
				<tr ng-repeat="passengersList in passengers">
					<td class="pnr_td"><span class="pnr_btn">{{passengersList.passengerType|passengerType}}</span><label style="margin-left:45px;">{{passengersList.name}}</label></td>
					<td>{{passengersList.credentialType|credentialType}}</td>
					<td class="fontWeigt">{{passengersList.credentialCode}}</td>
					<td>-</td>
					<td>{{passengersList.birthday|date:"yyyy-MM-dd"}}</td>
					<td>{{passengersList.phone}}</td>
				</tr>
			</table>
		</div>
	</div>
	<p class='title'>配送信息</p>
	
	<div class="orderDetail" style="margin-bottom:20px;margin-top:0px;">
		<div class="distribution" >配送方式：<span>{{deliveryInfo.deliveryType}}</span></div>
	</div>
</div>

